import type { useMDXComponents as useMDXComponentsFunc } from '@mdx-js/react';
import type { ComponentType, Fragment as jsxFragment } from 'react';

type RuntimeSidebarItem = {
  key: string;
  title: string;
  kind?: 'doc' | 'link' | 'category';
  children?: RuntimeSidebar;
};

export type RuntimeSidebar = RuntimeSidebarItem[];

export type RuntimeManifest = { sidebar: RuntimeSidebar };

export type OutlineItem = {
  id: string;
  title: string;
  longTitle: string;
  depth: number;
  order: number;
  content: string;
  tags: string[];
  metadata: Record<string, string>;
};

export type FrontMatter = {
  git_download_url: string;
  git_last_modified_commit: string;
  git_last_modified_time: string;
  git_origin_url: string;
  git_owner: string;
  git_repo: string;
  git_revision_commit: string;
  git_revision_time: string;
};

export type RenderFunction = (args: {
  jsx: unknown;
  jsxs: unknown;
  Fragment: typeof jsxFragment;
  useMDXComponents: typeof useMDXComponentsFunc;
}) => Promise<{
  default: ComponentType;
  outline?: OutlineItem[];
  frontmatter?: FrontMatter;
}>;

export type DocPage = {
  exports: () => Promise<{
    render: RenderFunction;
  }>;
};

export declare const sitemap: Record<string, DocPage>;

export declare const manifest: RuntimeManifest;

export declare function database(): Promise<Response>;